<!--
  Generated template for the MettingchatPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar text-center color="primary">
    <ion-title>会议室</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div class="message-wrap">
    <div *ngFor="let message of messageList" class="message" [class.left]="message.userid !== userid" [class.right]="message.userid === userid">
      <img class="user-img" [src]="defaultImagUrl" alt="" src="">
      <div class="msg-info">
        <p>
          {{message.name}}&nbsp;&nbsp;&nbsp;{{message.sendtime}}</p>
      </div>
      <div class="msg-detail">
        <div class="msg-content">
          <span class="triangle"></span>
          <p class="line-breaker " [innerHTML]=message.message></p>
        </div>
      </div>
    </div>
  </div>
</ion-content>

<ion-footer>
  <div class="send" padding>
    <ion-grid>
      <ion-row>
        <ion-col col-80>
          <ion-textarea #textaream (focus) = "dealfocus()"[(ngModel)]="message" class="sendinput"></ion-textarea>
        </ion-col>
        <ion-col col-20>
          <button ion-button block (click)="sendMessage()" >发送</button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
</ion-footer>
